.pad_0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.mb_0 {
  margin-bottom: 0;
}

.mt_10 {
  margin-top: 10px;
}

.mt_0{
  margin-top: 0px;
}

ul {
  list-style-type: none;
  -webkit-padding-start: 0;
}

.uc_fl_right {
  float: right;
}

.uc_top_bg {
  height: 230px;
  position: relative;
  width: 100%;
  background: url('../images/user_top_bg.jpg') no-repeat;
  img {
    position: absolute;
    top: 0;
    right: 0;
  }
}

.uc_info {
  .top_img {
    -webkit-box-shadow: 0 3px 4px rgba(11, 2, 5, .54);
    -moz-box-shadow: 0 3px 4px rgba(11, 2, 5, .54);
    box-shadow: 0 3px 4px rgba(173, 173, 173, 0.54);
    border: solid 2px #fff;
  }

  > div > dl {
    dt {
      img {
        margin: 0 auto;
      }
    }
    dd > div {
      color: #8c8c8c;
      width: 188px;
      height: 42px;
      margin: 30px auto;
    }
  }
  .uc_main_info {
    padding: 64px 10px 10px;
    .uc_m_t_12 {
      margin-top: 12px;
    }
    .uc_m_b_12 {
      margin-bottom: 12px;
    }
    .uc_m_r_36 {
      margin-right: 36px;
    }
    .uc_uname {
      font-size: 16px;
      color: #333333;
    }
  }
  @media (min-width: 992px) {
    .uc_follow {
      float: right;
      margin: 152px 100px 20px 0;
    }
  }
  @media (max-width: 992px) {
    .uc_follow {
      margin: 0 0 10px 85px;
    }
  }
  .user_info_btn {
    a {
      background-color: #f36119;
      color: #fff;
      padding: 6px 10px;
      font-size: 16px;
      float: left;
      margin-right: 10px;
      margin-top: 3px;
    }
    a:hover {
      color: #fff !important;
      background-color: #f58220;
    }
  }
  .font_orange {
    color: #f36119
  }
  .vertical_middle {
    display: table-cell;
    vertical-align: middle;
    height: 170px;
    float: none
  }
  .user_info_sina {
    border-left: 1px solid #ccc;
    height: 170px;
    padding: 15px;
  }
  .user_info {
    font-size: 13px;
    color: #626262
  }
}

.uc_navbar {
  border-radius: 0;
  border-left: none;
  border-right: none;
  background: #F1F1F1;
  .navbar-collapse {
    padding-left: 0;
    ul {
      li {
        a {
          color: #848484;
          font-size: 13px;
        }
        a:hover, .uc_current {
          color: #f36119;
          background: none;
        }
      }
    }
  }
}

.uc_content {
  .uc_top {
    padding: 10px;
    position: relative;
  }
  .uc_left {
    padding-top: 15px;
    padding-bottom: 15px;
    ul {
      list-style-type: none;
      -webkit-padding-start: 0;
      li {
        color: #6b6b6b;
        line-height: 30px;
        font-size: 15px;
        div:first-child {
        }

        div:last-child {
          padding: 0;
          color: #000000;
        }
      }
    }
  }

  .uc_right_bottom {
    margin-top: 20px;
    ul {
      list-style-type: none;
      -webkit-padding-start: 0;
      li {
        margin-left: 13px;
        margin-bottom: 10px;
        border: 2px solid #E9E4E4;
        border-radius: 5px;
        float: left;
      }
      li:hover {
        border-color: #f36119;
      }
      li:first-child {
        margin-left: 0;
      }
    }
  }
}

.uc_fans, .uc_follow, .uc_information {
  a {
    background: white;
    color: #848484;
  }
  .uc_current {
    background: white;
    color: #333333;
    border-bottom: 3px solid #03ae87;
  }
}

.base_info, .expand_info {
  dl {
    dt {
      width: 99px;
    }
    dd {
      margin-left: 115px;
    }
  }
}

.sidebar_title {
  font-size: 25px;
  line-height: 55px;
  border-bottom: 1px solid #A7A7A7;
  margin-bottom: 15px;
}

.sidebar {
  padding-bottom: 20px;
  ul {
    li {
      font-size: 17px;
      a {
        padding: 5px 0 5px 25px;
        display: block;
      }
      a:hover, .sidebar_active {
        background: #f36119;
        color: white !important;
      }
    }
    .line {
      height: 1px;
      margin-left: 25px;
      margin-top: 15px;
      margin-bottom: 15px;
      border-bottom: 1px solid #A7A7A7;
    }
  }
}

.uc_care {
  ul {
    li {
      margin-bottom: 20px;
      > div {
        margin: 0 15px 0 0;
        border: 1px solid #A7A7A7;
        width: 332px;
        > div {
          width: 95px;
          float: left;
          padding: 29px 30px;
        }
      }
      dl {
        border-right: 1px solid #A7A7A7;
        width: 235px;
        float: left;
        dt {
          width: 100px;
        }
        dd {
          margin-left: 110px;
          a {
            color: #f36119;
          }
        }
      }
      .dl-horizontal dt {
        float: left;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
  }
}

.uc_chat {
  li {
    margin-top: 20px;
    border-bottom: 1px dashed #A7A7A7;
    .right_info {
      float: right;
      a {
        color: #f36119;
      }
    }
    dl {
      margin-bottom: 5px;
    }
    dd .from_to {
      a {
        color: #f36119;
      }
    }
    dd .content {
      margin-top: 12px;
    }
    @media (min-width: 768px) {
      dl {
        float: left;
        dt {
          width: 52px;
        }
        dd {
          margin-left: 57px;
        }
      }

      .right_info {
        margin-top: 30px;
      }
    }
  }

}

.uc_communication {
  .chat_content {
    padding-left: 10px;
    @media (min-width: 768px) {
      padding-left: 35px;
      padding-right: 35px;
    }
  }
  .chat_with {
    font-size: 20px;
    line-height: 30px;
    border-bottom: 1px solid #A7A7A7;
  }
  .top_link {
    font-size: 15px;
    margin-top: 10px;
    a {
      color: #f36119;
    }
    .return_chat {
      float: left;
    }
    .delete_chat {
      float: right;
    }
  }

  .chat_text {
    margin-top: 10px;
    span {
      color: #A7A7A7;
      font-size: 12px;
    }
    .info {
      float: left;
    }
    .number_info {
      float: right;
    }
    .do_action {
      margin-top: 10px;
      a.btn {
        background-color: #f36119;
        border-color: #f36119;
        color: white !important;
      }
    }
  }
  .content {
    margin-top: 20px;
    ul {
      li {
        margin-bottom: 10px;
        .me_to_other {
          .content_detail {
            img {
              float: left;
              margin-top: 16px;
            }

            div {
              border: 2px solid #E9E9E9;
              margin-left: -2px;
              padding: 10px;
              border-radius: 5px;
              float: left;
            }
          }
          .other_info {
            margin-left: 13px;
            a {
              color: #f36119;
            }
          }
          @media (min-width: 768px) {
            dl {
              float: left;
              dt {
                width: 52px;
              }
              dd {
                float: left;
                margin-left: 5px;
                width: 360px;
                .content_detail {
                  img {
                    width: 13px;
                  }
                  div {
                    width: 349px;
                  }
                }
              }
            }
          }
          @media (max-width: 768px) {
            dd {
              margin-top: 10px;
              margin-left: 5px;
              width: 280px;
              .content_detail {
                img {
                  width: 13px;
                }
                div {
                  width: 269px;
                }
              }
            }
          }
        }
        .other_to_me {
          float: right;
          dl {
            dt {
              float: right;
              width: 52px;
            }
            dd {
              float: right;
              width: 360px;

              .content_detail {
                img {
                  float: right;
                  width: 13px;
                  margin-top: 16px;
                  margin-right: 5px;
                }
                div {
                  float: right;
                  width: 343px;
                  border: 2px solid #E9E9E9;
                  margin-right: -2px;
                  padding: 10px;
                  border-radius: 5px;
                  background: #E9e9e9;
                }
              }
              .other_info {
                float: right;
                margin-right: 14px;
                a {
                  color: #f36119;
                }
              }
            }
            @media (max-width: 768px) {
              dd {
                margin-top: 10px;
                width: 280px;
                .content_detail {
                  div {
                    width: 264px;
                  }
                }
              }
            }
          }

        }
      }
    }
  }
  .talk_info{
    img{
      float: none!important;
      margin-top: 0!important;
      width: 19px!important;
    }
  }
}

.uc_help {
  li {
    margin-top: 20px;
    border-bottom: 1px dashed #A7A7A7;
    .right_info {
      float: right;
      a {
        color: #f36119;
      }
    }
    dl {
      margin-bottom: 5px;
    }
    dd .from_to {
      a {
        color: #f36119;
      }
    }
    dd .content {
      margin-top: 12px;
      a {
        color: #f36119;
      }
    }
    @media (min-width: 768px) {
      dl {
        float: left;
        dt {
          width: 52px;
        }
        dd {
          margin-left: 57px;
        }
      }

      .right_info {
        margin-top: 30px;
      }
    }
  }
}

.uc_config_info {
  .form-group {
    margin-top: 10px;
    label {
      text-align: left;
      ico {
        color: red;
        vertical-align: bottom;
        line-height: 14px
      }
    }
  }

  .submit {
    button {
      background-color: #f36119;
      border-color: #f36119;
      color: white !important;
    }
  }
}
.uc_config_view{
  .submit {
    button {
      background-color: #f36119;
      border-color: #f36119;
      color: white !important;
    }
  }
  .uc_right_bottom {
    margin-top: 20px;
    ul {
      list-style-type: none;
      -webkit-padding-start: 0;
      li {
        margin-left: 6px;
        margin-right: 6px;
        margin-bottom: 10px;
        border: 2px solid #E9E4E4;
        border-radius: 5px;
        float: left;
        div{
          text-align: center;
          height: 40px;
          line-height: 40px;
        }
      }
      li:hover {
        border-color: #f36119;
      }
    }
  }
}


.publish_work_image_list {
  .img-list {
    li {
      float: left;
      margin: 10px;
      width: 80px;
      height: 80px;
      cursor: pointer;
      position: relative;
    }
    .del {
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 80px;
      height: 22px;
      line-height: 20px;
      text-align: center;
      cursor: pointer;
    }
    .load {
      padding: 30px;
    }
  }
}